<!-- 蜜源寻蜜 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蜜源寻蜜</title>
    <!-- favicon -->
    <link rel="shortcut icon" href="../img/favicon.ico">
    <!-- fonts -->
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <!-- style 1.jquery-weui -->
    <link rel="stylesheet" href="../lib/dist/css/weui.min.css">
    <link rel="stylesheet" href="../lib/dist/css/jquery-weui.css">
    <!-- <link rel="stylesheet" href="lib/dist/css/bootstrap.min.css"> -->
    <!-- style 公共koala样式 -->
    <link rel="stylesheet" href="../css/publicfile.css">
</head>
<body class="bg-gray">
    <div class="main">
        <!-- 搜索 -->
        <div class="search afixd">
            <div class="weui-search-bar" id="searchBar">
                <form class="weui-search-bar__form">
                    <div class="weui-search-bar__box">
                        <i class="weui-icon-search" style="margin-top: 0;"></i>
                        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索店内产品" required="">
                        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                    </div>
                    <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
                        <i class="weui-icon-search"></i>
                        <span>搜索店内产品</span>
                    </label>
                </form>
            <!-- <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>-->
            </div>
        </div>
        <div class="search-height"></div>
        <!-- 暂时没有相关信息 -->
        <div class="empty" style="display: none;">
            <dt><i class="icon-empty"></i></dt>
            <dd>暂时没有相关信息</dd>
        </div>
        <!-- 列表详情 -->
        <div class="cart-list mr-top-5" id="list">
            <ul class="unstyled">
                <li class="noborop-der-tbottom">
                    <div class="cart-select">
                        <div class="weui-cells_checkbox">
                            <label class="weui-check__label" for="s11">
                                <div class="weui-cell__hd">
                                    <input type="checkbox" class="weui-check" name="checkbox1" id="s11" checked="checked">
                                    <i class="weui-icon-checked"></i>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="cart-pro-list">
                        <dl>
                            <dt>
                                <a href="beehive_detail.html">
                                    <img src="../img/temp/claim_01.png">
                                </a>
                            </dt>
                            <dd class="cart-pro-list-text">
                                <h3><a href="beehive_detail.html">百花蜜蜂箱</a></h3>
                                <p>库存：123</p>
                                <p class="cart-price">￥2000.00</p>
                                <p>购买数量：</p>
                                <span class="p-num">
                                    <span class="sy-minus" onclick="minus(this)">-</span>
                                    <input class="sy-num" type="number" name="number1" value="1">
                                    <span class="sy-plus" onclick="plus(this)">+</span>
                                </span>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="noborder-top-bottom">
                    <div class="cart-select">
                        <div class="weui-cells_checkbox">
                            <label class="weui-check__label" for="s12">
                                <div class="weui-cell__hd">
                                    <input type="checkbox" class="weui-check" name="checkbox2" id="s12" disabled="disabled">
                                    <i class="weui-icon-checked"></i>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="cart-pro-list">
                        <dl>
                            <dt>
                                <a href="beehive_detail.html">
                                    <img src="../img/temp/claim_02.png">
                                </a>
                            </dt>
                            <dd class="cart-pro-list-text">
                                <h3><a href="beehive_detail.html">枣花蜜蜂箱</a></h3>
                                <p>库存：193</p>
                                <p class="cart-price">￥2000.00</p>
                                <p>购买数量：</p>
                                <span class="p-num">
                                    <span class="sy-minus" onclick="minus(this)">-</span>
                                    <input class="sy-num" type="number" name="number2" value="1">
                                    <span class="sy-plus" onclick="plus(this)">+</span>
                                </span>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="noborder-top-bottom">
                    <div class="cart-select">
                        <div class="weui-cells_checkbox">
                            <label class="weui-check__label" for="s13">
                                <div class="weui-cell__hd">
                                    <input type="checkbox" class="weui-check" name="checkbox3" id="s13" checked="checked">
                                    <i class="weui-icon-checked"></i>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="cart-pro-list">
                        <dl>
                            <dt>
                                <a href="beehive_detail.html">
                                    <img src="../img/temp/claim_03.jpg">
                                </a>
                            </dt>
                            <dd class="cart-pro-list-text">
                                <h3><a href="beehive_detail.html">荔枝蜜蜂箱</a></h3>
                                <p>库存：193</p>
                                <p class="cart-price">￥2000.00</p>
                                <p>购买数量：</p>
                                <span class="p-num">
                                    <span class="sy-minus" onclick="minus(this)">-</span>
                                    <input class="sy-num" type="number" name="number3" value="1">
                                    <span class="sy-plus" onclick="plus(this)">+</span>
                                </span>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="noborder-top-bottom">
                    <div class="cart-select">
                        <div class="weui-cells_checkbox">
                            <label class="weui-check__label" for="s14">
                                <div class="weui-cell__hd">
                                    <input type="checkbox" class="weui-check" name="checkbox3" id="s14" checked="checked">
                                    <i class="weui-icon-checked"></i>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="cart-pro-list">
                        <dl>
                            <dt>
                                <a href="beehive_detail.html">
                                    <img src="../img/temp/claim_04.jpg">
                                </a>
                            </dt>
                            <dd class="cart-pro-list-text">
                                <h3><a href="beehive_detail.html">荔枝蜜蜂箱</a></h3>
                                <p>库存：193</p>
                                <p class="cart-price">￥2000.00</p>
                                <p>购买数量：</p>
                                <span class="p-num">
                                    <span class="sy-minus" onclick="minus(this)">-</span>
                                    <input class="sy-num" type="number" name="number4" value="1">
                                    <span class="sy-plus" onclick="plus(this)">+</span>
                                </span>
                            </dd>
                        </dl>
                    </div>
                </li>
            </ul>
            <!-- <div class="weui-infinite-scroll">
                <div class="infinite-preloader"></div>
                正在加载
            </div> -->
            <div class="weui-loadmore">
                <i class="weui-loading"></i>
                <span class="weui-loadmore__tips">正在加载哦，请耐心等待</span>
              </div>
        </div>
    </div>
    <div class="btn-suspension">
        <a href="confirm_claim.html">
            <i class="icon iconfont  icon-add"></i>
            <span>认养</span>
        </a>
    </div>
    <!-- tabbar，底部导航 -->
    <div class="weui-tab" style="bottom: 0;">
        <div class="weui-tab__bd"></div>
        <div class="weui-tabbar">
            <a href="../index.html" class="weui-tabbar__item">
                <!-- <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span> -->
                <div class="weui-tabbar__icon">
                    <!-- <img src="./images/icon_nav_button.png" alt=""> -->
                    <i class="iconfont icon-home"></i>
                </div>
                <p class="weui-tabbar__label">首页</p>
            </a>
            <a href="beehive_list.html" class="weui-tabbar__item weui-bar__item--on">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-location-red"></i>
                </div>
                <p class="weui-tabbar__label">蜜源寻蜜</p>
            </a>
            <a href="member_info.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-center"></i>
                </div>
                <p class="weui-tabbar__label">会员中心</p>
            </a>
        </div>
    </div>
    <!-- JS -->
    <script src="../lib/dist/js/jquery-2.1.4.js"></script>
    <!-- 幻灯片 -->
    <!-- Swiper -->
    <script src="../lib/dist/js/swiper.js"></script>
    <!-- jqweui -->
    <script src="../lib/dist/js/jquery-weui.js"></script>
    <script>
        // 购买数量
        function plus(obj) {
          var me = $(obj), txt = me.prev (".sy-num");
          var val = parseFloat (txt.val ());
          var number =val + 1;
          txt.val (number);
        }
        function minus(obj) {
          var me = $ (obj), txt = me.next (".sy-num");
          var val = parseFloat (txt.val ());
          val = val < 2 ? 2 : val;
          var number =val - 1;
          txt.val (number);
        }
        //滚动加载
        var loading = false;
        $(document.body).infinite().on("infinite", function() {
          if(loading) return;
          loading = true;
          setTimeout(function() {
            // 注意：下面append的内容里面，checkbox的id是变化的，label里面的属性for=“checkbox的id”,这样才能对应上选中状态
            $("#list ul").append(
              '<li class="noborder-top-bottom">'+
                  '<div class="cart-select">'+
                      '<div class="weui-cells_checkbox">'+
                          '<label class="weui-check__label" for="s5">'+
                                  '<div class="weui-cell__hd">'+
                                  '<input type="checkbox" class="weui-check" name="checkbox5" id="s5">'+
                                  '<i class="weui-icon-checked"></i>'+
                              '</div>'+
                          '</label>'+
                      '</div>'+
                  '</div>'+
                  '<div class="cart-pro-list">'+
                      '<dl>'+
                          '<dt>'+
                              '<a href="javascript:;">'+
                                  '<img src="img/temp/claim_02.png">'+
                              '</a>'+
                          '</dt>'+
                          '<dd class="cart-pro-list-text">'+
                              '<a href="javascript:;">'+
                                  '<h3>枣花蜜蜂箱</h3>'+
                                  '<p>库存：193</p>'+
                                  '<p class="cart-price">￥2000.00</p>'+
                                  '<p>购买数量：</p>'+
                                  '<span class="p-num">'+
                                      '<span class="sy-minus" onclick="minus(this)">-</span>'+
                                      '<input class="sy-num" type="number" name="number5" value="1">'+
                                      '<span class="sy-plus" onclick="plus(this)">+</span>'+
                                  '</span>'+
                              '</a>'+
                          '</dd>'+
                      '</dl>'+
                  '</div> '+
            '</li>'
            );
            loading = false;
          }, 1000);
        });
    </script>
</body>

</html>